<template>
	<div class="pagesListcont">
		<div class="listItems" v-for="(ite,idx) in list" :key="index" @click='bianjiEvnet(ite,idx)'>
			<div class="listItems_title">
				<div class="listItems_title_left">
					{{ite.title}}
				</div>
			 
			</div>
			<div class="listItems_cont">
				<p>{{ite.content}}</p>
			</div>
	 

		</div>

	</div>
</template>

<script>
	export default {
		// 1正常 2维修中 3报废 4故障
		filters: {
			statusFilterSB(v) {
				var s = ''
				// 1可预定 2待入驻 3已入住 4待搬离 5未保洁
				switch (v) {
					case '1':
						s = '正常'
						break;
					case '2':
						s = '维修中'
						break;
					case '3':
						s = '报废'
						break;
					case '4':
						s = '故障'
						break;
				}
				return s
			}
		},
		data() {
			return {
				froolShow: false,
				from: {},
				equipment_id: '',
				userStatus: uni.getStorageSync('userStatus'),
				list:[]
			}
		},
		onLoad(opt) {
			this.getMSG()
		},
		methods: {
			async getMSG() {
				const {
					data
				} = await this.$request(this.$Api.noticeList4, {

				}, "POST")
				this.list = data.data
				console.log('list',this.list)
			},
			qianwangEvetn() {
				uni.navigateTo({
					url: '/pages/invite/invite?status=' + this.userStatus
				})
			}
		}
	}
</script>

<style lang="less">
	.pagesListcont {
		.listItems {
			width: 100%;
			min-height: 12rpx;
			background: #FFFFFF;
			border-radius: 12rpx;
			margin: 20rpx auto 0 auto;
			padding: 20rpx 40rpx;
			box-sizing: border-box;
			font-size: 32rpx;
			color: #000;

			.listItems_btn {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				width: 100%;
				height: 120rpx;

				.btn {
					width: 164rpx;
					height: 68rpx;
					background: #FFFFFF;
					border: 2rpx solid #999999;
					margin-left: 26rpx;
					text-align: center;
					line-height: 68rpx;

				}

				.listItems_btn_zj {
					color: #3B7AFF;
					border: 2rpx solid #2D60FF;
				}

				.listItems_btn_cl {
					color: #fff;
					border: 2rpx solid #2D60FF;
					background: #2D60FF;
				}

			}

			.listItems_title {
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 108rpx;
				width: 100%;
			}

			.listItems_title_right {
				color: #FF1D1D;
			}

			.listItems_cont {
				p {
					color: #666;
					font-size: 28rpx;
					margin-bottom: 14rpx;
				}
			}

			.listItems_bz {
				min-height: 10rpx;
				padding: 10rpx 0 30rpx 0;
				border-bottom: 1px solid #DDDDDD;
				color: #666;
				font-size: 28rpx;

			}
		}
	}
</style>